<template>
  <div></div>
</template>

<script setup name="MapPosition">
import { ref, onMounted } from "vue";
import AMapLoader from "@amap/amap-jsapi-loader";

window._AMapSecurityConfig = {
  securityJsCode: "8081606dcae9578763f8339b843f6d67",
};

// 755572ca458d415727a999078c4a5c30
// 8081606dcae9578763f8339b843f6d67

/** 初始化地图函数 */
onMounted(() => {
  // AMapLoader => 加载器
  // 资源加载完成后就会触发 then
  AMapLoader.load({
    key: "755572ca458d415727a999078c4a5c30", // 申请好的Web端开发者Key，首次调用 load 时必填
    version: "2.0", // 指定要加载的 JS API 的版本，缺省时默认为 1.4.15
    plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
  })
    .then((AMap) => {
      // 初始化地图
      const map = new AMap.Map("放置地图的div容器id", {
        // 配置对象 - 配置地图的风格和缩放比例，请移步 2.2
      });
    })
    .catch((e) => {
      console.log(e);
    });
});
</script>
<style scoped lang="less"></style>
